<script lang='ts' setup>
import { ref, reactive, toRefs, onBeforeMount, onMounted, watchEffect, computed, getCurrentInstance } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import LeftMeun from '@/components/LeftMeun.vue';
import RightMeun from '@/components/RightMeun.vue';
const { proxy } = getCurrentInstance();
// proxy 替代 this
/**
* 路由对象
*/
const route = useRoute();
/**
* 路由实例
*/
const router = useRouter();

const data = reactive({})
onBeforeMount(() => {
 
})
onMounted(() => {
 
})
watchEffect(()=>{
})
// 使用toRefs解构
// let { } = { ...toRefs(data) } 
defineExpose({
  ...toRefs(data)
})
const modules=ref<any[]>([])
const changeMeun=(val: any[])=>{
  modules.value=val
}
</script>

<template>
  <div class="container">
    <LeftMeun @change-meun="changeMeun"></LeftMeun>
    <RightMeun :moduleList="modules"></RightMeun>
  </div>
</template>

<style scoped lang='scss'>

</style>